.container {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    height: 100vh;           /* 设置容器高度为视口高度 */
    margin: 0;               /* 移除外边距 */
    padding: 20px;           /* 可选：添加一些内边距 */
    box-sizing: border-box;  /* 可选：使用border-box盒模型，这样内边距和边框不会影响宽度和高度 */
}

table {
    /* 表格的样式，如边框、间距等 */
    border-collapse: collapse;
    width: 100%; /* 让表格根据内容自动调整宽度 */
    /* 你可以在这里添加其他样式 */
}

table {
    border-collapse: collapse; /* 合并相邻的边框 */
    width: 100%; /* 表格宽度设置为100% */
}

th, td {
    border: 1px solid black; /* 示例边框 */
    padding: 10px; /* 添加一些内边距使内容更易于阅读 */
    text-align: center; /* 水平居中 */
    vertical-align: middle; /* 垂直居中 */
}